;(function ($, window, document, undefined) {
	//城市转换名字
	$("#areaAll").change(function(){
		var nameArea = $(this).find("option:selected").text();
		$("#areaAllName").text(nameArea);
	});
	//设置警告规则
	$(".setWarningRule").click(function(){
		var obj = $(this);
		var t= layer.confirm('<div class="margin20">设置警告规则设置警告规则设置警告规则</div>', {
		    btn: ['确定','取消'],
		    type:1,
		    title:"设置警告规则",
		},function(){
			layer.close(t);
		}, function(){
			layer.close(t);
		});
	});
	 	// 电子付费分析1-4图表 左上 左下 右上 右下
	 	//var myChart1 = echarts.init(document.getElementsByClassName("canvasDiv")[0]);
        var myChart1 = echarts.init(document.getElementById('main1')); 
        var myChart2 = echarts.init(document.getElementById('main2')); 
        var myChart3 = echarts.init(document.getElementById('main3')); 
        var myChart4 = echarts.init(document.getElementById('main4')); 

        option1 = {
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },
		    legend: {
		        data:['新增电子付费用户数','本月电子付费用户数','本月电子支付用户数']
		    },
		    /*toolbox: {
		        show : true,
		        orient: 'vertical',
		        x: 'right',
		        y: 'center',
		        feature : {
		            mark : {show: true},
		            dataView : {show: true, readOnly: false},
		            magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
		            restore : {show: true},
		            saveAsImage : {show: true}
		        }
		    },*/
		    calculable : true,
		    xAxis : [
		        {
		            type : 'category',
		            data : ['201606','201607','201608','201609','201610','201611','201612']
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value'
		        }
		    ],
		    series : [
		        {
		            name:'新增电子付费用户数',
		            type:'bar',
		            barWidth : 5,
		            data:[320, 332, 301, 334, 390, 330, 320]
		        },
		       	{
		            name:'本月电子付费用户数',
		            type:'bar',
		            barWidth : 5,
		            data:[62, 101, 94, 106, 179, 100, 157],
		           /* markLine : {
		                itemStyle:{
		                    normal:{
		                        lineStyle:{
		                            type: 'dashed'
		                        }
		                    }
		                },
		                data : [
		                    [{type : 'min'}, {type : 'max'}]
		                ]
		            }*/
		        },
		        {
		            name:'本月电子支付用户数',
		            type:'line',
		            stack: '广告',//stack显示在一bar显示
		            barWidth : 5,
		            data:[220, 182, 191, 234, 290, 330, 310]
		        },
		        
		    ]
		};

		option2 = {
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },
		    legend: {
		        data:['电子付费次数','电子支付次数']
		    },
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['201606','201607','201608','201609','201610','201611','201612']
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value'
		        }
		    ],
		    series : [
		        {
		            name:'电子付费次数',
		            type:'line',
		            barWidth : 5,
		            data:[320, 332, 301, 334, 390, 330, 320]
		        },
		       	{
		            name:'电子支付次数',
		            type:'line',
		            data:[62, 101, 94, 106, 179, 100, 152]
		        },
		        
		    ]
		};

		option3 = {
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },
		    legend: {
		        data:['新增电子付费用户数','本月电子付费用户数','本月电子支付用户数']
		    },
		    calculable : true,
		    xAxis : [
		        {
		            type : 'category',
		            data : ['201606','201607','201608','201609','201610','201611','201612']
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value'
		        }
		    ],
		    series : [
		        {
		            name:'新增电子付费用户数',
		            type:'bar',
		            barWidth : 5,
		            data:[320, 332, 301, 334, 390, 330, 320]
		        },
		       	{
		            name:'本月电子付费用户数',
		            type:'bar',
		            barWidth : 5,
		            data:[62, 101, 94, 106, 179, 100, 157],
		        },
		        {
		            name:'本月电子支付用户数',
		            type:'line',
		            stack: '广告',//stack显示在一bar显示
		            barWidth : 5,
		            data:[220, 182, 191, 234, 290, 330, 310]
		        },
		        
		    ]
		};

		option4 = {
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },
		    legend: {
		        data:['电子付费次数','电子支付次数']
		    },
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['201606','201607','201608','201609','201610','201611','201612']
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value'
		        }
		    ],
		    series : [
		        {
		            name:'电子付费次数',
		            type:'line',
		            barWidth : 5,
		            data:[320, 332, 301, 334, 390, 330, 320]
		        },
		       	{
		            name:'电子支付次数',
		            type:'line',
		            data:[62, 101, 94, 106, 179, 100, 157],
		        },
		        
		    ]
		};
         // 为echarts对象加载数据 
        // 电子付费分析
        myChart1.setOption(option1); 
        myChart2.setOption(option2); 
        myChart3.setOption(option3); 
        myChart4.setOption(option4); 
      
})(window.jQuery, window, document);
	
	


 